<template>
    <div id="app">
      <router-link to="/home">Home</router-link> |
      <router-link to="/about">About</router-link>
      <div v-for="(item, index) in newsList" :key="index" class="list-item">{{item.name}}</div>
    </div>
</template>

<script>

export default {
  name: 'AsideList',
  data() {
    return {
      newsList: [
        {
          name: '美国强制中驻休斯敦外馆撤离',
          newId: '001',
        },
        {
          name: '川普大选',
          newId: '002',
        },
        {
          name: '川普大选1',
          newId: '003',
        },
        {
          name: '川普大选2',
          newId: '004',
        },
        {
          name: '川普大选3',
          newId: '005',
        },
      ],
    };
  },
};
</script>

<style lang="stylus" scoped>
#app
  .list-item
    line-height 1.5em
</style>
